<template>
  <div>
    <MyProduct title="口水鸡" price="50" info="老板不在，全场1折"></MyProduct>
    <MyProduct title="扬州炒饭" price="12" info="老板娘结婚了，全场免费"></MyProduct>
    <MyProduct title="兰州拉面" :price="price" :info="msg"></MyProduct>
  </div>
</template>

<script>
// 1. 新建组件 vue 文件
// 2. 引入组件(引入的是子)
import MyProduct from './components/MyProduct.vue'
// 3. 注册组件
// 4. 使用组件
export default {
  data () {
    return {
      price: 12,
      msg: '老板转行卖瓜，免费送'  
    }
  },
  components: {
    // MyProduct: MyProduct
    // 简化写法
    MyProduct
  }
}
</script>

<style>

</style>